<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>


        <title>Noticias</title>
        <style>
            body {
                width: 960px;
                margin: 40px auto;
                height:100%;
                font-size:14px;
                color:black;
                font-family:Arial, Helvetica, sans-serif;
                background-color: #708090;
            }
        </style>
    </h:head>
    <h:body>

        <p:growl showDetail="true" autoUpdate="true" id="noti" />

        <h:form>
            <p:panel id="panel" header="#{msg.novedades}">
                <h:panelGrid columns="2">
                    <h:outputText  value="#{msg.titulo}:*" />
                    <p:inputText id="titulo" value="#{noticiaControlador.noticia.titulo}" required="true" title="Titulo de la noticia"/>

                    <h:outputText value="#{msg.contenido}:*"/>
                    <p:inputTextarea style="width:300px;height:100px;" id="content" value="#{noticiaControlador.noticia.contenido}" autoResize="true" required="true"/>


                    <p:commandButton value="#{msg.crear_nuevo}"  ajax="false" action="irCrearNoti" update="noti"/>
                    <p:commandButton value="#{msg.resetear}" type="reset"/>
                </h:panelGrid>


            </p:panel>
            <h:outputLink value="/index.html">#{msg.inicio}</h:outputLink>

        </h:form>


    </h:body>
</html>